<template>
  <div class="app-container">

    <h2 style="text-align: center;">提现处理</h2>

    <el-steps :active="1" process-status="wait" align-center style="margin-bottom: 40px;">
      <el-step title="确认体现信息"/>
      <el-step title="人工操作"/>
      <el-step title="订单流水录入"/>
    </el-steps>


    <el-table
      :data="list"
      style="width: 100%">
      <el-table-column type="expand">
        <template slot-scope="props">
          <el-form label-position="left" inline class="demo-table-expand">

            <el-form-item label="分理员 ID">
              <span>{{ props.row.workerId }}</span>
            </el-form-item>
            <el-form-item label="申请时间 ">
              <span>{{ props.row.creationTime }}</span>
            </el-form-item>
          </el-form>
        </template>
      </el-table-column>

      <el-table-column
        label="订单 ID"
        prop="id">
      </el-table-column>
      <el-table-column
        label="提现金额"
        prop="money">
      </el-table-column>
      <el-table-column
        label="状态"
        prop="form">
      </el-table-column>
    </el-table>

      <router-link :to="{name:'artificialDraw',query:{id}}">
        <el-button style="margin-top: 12px; margin-left: 70%" >下一步</el-button>
      </router-link>
  </div>



</template>


<script>
  import {findAllDrawMoneyById} from  '@/api/worker'
  export default {
    data() {
      return {
        active: 0,
        list: null,
        id: this.$route.query.id,
        drawDraw:{

        }
      };
    },
    created() {

      //获取信息渲染数据
      this.getDrawAppeal(this.$route.query.id)
    },


    methods: {
      //下一步按钮
      // nextDraw(){
      //   this.$router.push({name:'artificialDraw',query:{id:scope.row.workerId})
      // },

      //查询申请清单信息根据id
      getDrawAppeal(id){
        findAllDrawMoneyById(id).then(result => {
          if (result.data.code===200){
              this.list = result.data.data.list
          }
        })
      },

      next() {
        if (this.active++ > 2) this.active = 0;
      }
    }
  }
</script>
<style scoped>
  .demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
</style>
